/* CSS Document */
<style type="text/css">
<!--
/* Fix IE. Hide from IE Mac \*/
 html ul { margin-left:0px;}

/* End */


ul {padding-left:0px; list-style-type:none;}
li{	
	height:20px;
	margin-bottom:6px !important;	
	margin-bottom:4px;
}
ul li .nav-header{
    display:block;

	width:95%;
	height:20px;
/*	color:#F50;*/
	color:#fff;
	/*color:#05F;*/

/*	background-color:#FFEFE6;*/
	background-color:#F50;
	border:1px solid #F60;
	/*background-color:#E8F3FF;
	border:1px solid #05F;*/

	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;

	line-height:20px;
	
	text-align:center;
	vertical-align:middle;
}

ul li a{

	display:block;
	width:95%;
	height:20px;

	/*background-color:#FFEFE6;*/

/*	border:1px solid #F60;*/
	border:1px solid #DDD;

	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;

	line-height:20px;
	
	text-indent:20px;
	background:#DDD url(../images/nav-icon1.gif) 0% 50% no-repeat;
	text-align:left; 

	/*vertical-align:middle;*/
}

li a:link,ul a:visited{
	color:#666;
}
li a:hover,ul a:active{
	color:#F50;
	/*color:#05F;*/
}
li a:hover,ul a:active{
	background-color:#FFEFE6;
	border:1px solid #F60;
/*	border:1px solid #FB0;/*
	
	background-color:#E8F3FF;
	border:1px solid #05F;*/
}

BODY {
	BACKGROUND: #fff;
	PADDING-BOTTOM: 10px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	TEXT-ALIGN: center;
	background-color: #DDD;
	color:#222;
}
hr {border:#BBB 1px dotted; height:1px}

.left { float:left; }
.right {float: right; }

#top-banner { background:#fff url(../images/banner2.gif) 0 0 no-repeat; height:84px;}

/*#top-bottom {background-color: #fff; height: 19px;text-align:right;}*/


#main { height:600px;}
#word-list { margin-left:210px; margin-top:10px; padding:5px; text-align:left; margin-right:30px; font:Verdana, Arial, Helvetica, sans-serif} /* why I have to set such a margin??? */


#word-searcher {
	padding-top:20px;
	height:40px;
	background-color:#F60;
}

#nav { 
/*    border:#DDD 1px solid;*/
/*border:#f60 2px solid;*/
	margin-left:5px;
	margin-bottom:8px;
	margin-top:10px;
    /*padding-top:1em;*/
    float:left;
	width: 178px;
	vertical-align:top;

/*	background-color:#F60;

	border-right:#F40 2px solid;*/
}

#footer { width:100%; height:50px; margin-top:8px;background-color:#FF6600; float:left; font-size:12px; padding-top:10px;color:#FFFFFF}


.search-label {color: #FFFFFF; font-family:"ºÚÌå", "ËÎÌå"}

.word {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #F60;
	margin-top:10px;
	padding-top:5px;
	line-height:150%
}
.post-descbox { font-size:12px; color:#222;}
.post-desc { font-size:12px; color:#222;margin-top:10px; line-height:150%}
.word-explanation { font-size:12px; font-weight:normal; color:#222;	}

.word-operation {
	font-size:12px; color:#777; text-align:right; margin-top:5px;/* width:100%; IE wrong:( */
}
.comment-operation {
	font-size:12px; color:#777; text-align:right; margin-top:5px;/* width:100%; IE wrong:( */
}

.console a,.post-descbox a{text-decoration:none;}
.console a:link,.console a:visited,.post-descbox a:link,.post-descbox a:visited{
	color:#777;
}
.console a:hover,.console a:active,.post-descbox a:hover,.post-descbox a:active{
	color:#222;
}



/* the following css are used for ror part*/
.notice { 
border: 2px solid red; 
padding: 1em; 
margin-bottom: 2em; 
background-color: #f0f0f0; 
font: bold smaller sans-serif; 
} 


.user-form {
	margin:2em;
}
/* Styles for order form*/
.user-form .user-header{
	margin:1em;
	padding:0.2em 1em;
	color: #dfd;
	background-color:#f60;
	border:1px solid #efe;
	font-family:sans-serif;
}


.user-form .user-table {
border: 2px;
border-color:#dfd;
background: #f60;
padding:0.2em 1em;
}

.user-form label {
color: #dfd;
width:5em;
float: left;
text-align: right;
margin-right: 0.5em;
}

.user-form .submit {
margin-left: 5.5em;
}


-->

</style>
